<template>
  <div class="seat-wra empty">
    <div class="pic"></div>
    <div class="description">
      {{info}}
    </div>
  </div>
</template>

<script>
export default {
  props:{
    info: String,
  }
}
</script>

<style scoped>
.seat-wra {
  margin: 0 auto;
  padding: 90px 0;
  text-align: center;
  display: block;
  width: 80%;
  min-width: 200px;
}

*, :after, :before {
  box-sizing: border-box;
}

div {
  display: block;
  unicode-bidi: isolate;
}

.pic {
  background-image: url('https://courseweb.ulearning.cn/common/img/default-empty.png');
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: auto auto;
  margin-bottom: 16px;
  width: 100%;
  height: 175px;
}

.description {
  font-size: 14px;
  color: #969696;
}
</style>